<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>货单打印</title>
    <link rel="stylesheet" href="../css/goods-list-express.css">
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../dist/js/jquery.barCodePrint.min.js"></script>
</head>
<body>
<div id="printContainer">
    <!--打印部分-->
    <div class="print-wrap">
        <div class="print-head">
            <ul class="cols-3">
                <li class="col">
                    <img  class="logo" src="../images/logo.jpg" style="width: 224px;height: 66px;" alt="">
                </li>
                <li class="col tc">
                    <h1 class="name">阿福易购-购物清单</h1>
                    <h2 class="sub-name">http://www.afuyigou.com</h2>
                </li>
                <li class="col">
                    <p class="rb">客服电话：400-181-0068</p>
                </li>
                <li class="clear"></li>
            </ul>
            <div class="order-num">
                <span class="mr20">订单编号：G22222222464879541</span>
                <span class="mr50">订单生成时间：2016-02-28 16:48:21</span>
                <span class="mr20">申通速递-运单号：998554568788</span>
            </div>
        </div>

        <table class="goods-table">
            <tr>
                <th class="code">条形码</th>
                <th>商品编号</th>
                <th>商铺</th>
                <th>商品名称</th>
                <th>单价</th>
                <th>贸易类别</th>
                <th>数量</th>
                <th>价格</th>
            </tr>
            <tr>
                <td class="code">
                    <img src="" class="js-barcode code-img" data-num="1234651279" alt="">
                    <p>1234651279</p>
                </td>
                <td>af000012</td>
                <td>阿福易购</td>
                <td class="goods-name">系列香水香皂 陶玉兰香水香皂 85g</td>
                <td>122.00</td>
                <td>E贸易</td>
                <td>1</td>
                <td>122.00</td>
            </tr>
            <tr>
                <td class="code">
                    <img src="" class="js-barcode code-img" data-num="af000012" alt="">
                </td>
                <td>af000012</td>
                <td>阿福易购</td>
                <td class="goods-name">系列香水香皂 陶玉兰香水香皂 85g</td>
                <td>122.00</td>
                <td>一般贸易</td>
                <td>1</td>
                <td>122.00</td>
            </tr>
            <tr>
                <td class="code">
                    <img src="" class="js-barcode code-img" data-num="af000012" alt="">
                </td>
                <td>af000012</td>
                <td>阿福易购</td>
                <td class="goods-name">系列香水香皂 陶玉兰香水香皂 85g</td>
                <td>122.00</td>
                <td>E贸易</td>
                <td>1</td>
                <td>122.00</td>
            </tr>
        </table>

        <div class="print-foot">
            <p class="sum tr">
                <span class="mr20">合计</span>
                <span class="mr20">5件</span>
                <span>666.00</span>
            </p>
            <div class="addressee">
                <p>
                    <span class="mr50">收货人：王亚彬</span>
                    <span>联系电话：13523079888</span>
                </p>
                <p>
                    <span>收货地址：河南省 郑州市 中原区 中原路82号中晟银泰国际中心27层 橙石创科</span>
                </p>
            </div>
        </div>

    </div>
    <!--end/打印部分-->



    <div style="margin-top: 40mm;" class="print-wrap">
        <div class="print-head">
            <ul class="cols-3">
                <li class="col">
                    <img  class="logo" src="../images/logo.jpg" style="width: 224px;height: 66px;" alt="">
                </li>
                <li class="col tc">
                    <h1 class="name">阿福易购-购物清单</h1>
                    <h2 class="sub-name">http://www.afuyigou.com</h2>
                </li>
                <li class="col">
                    <p class="rb">客服电话：400-181-0068</p>
                </li>
                <li class="clear"></li>
            </ul>
            <div class="order-num">
                <span class="mr20">订单编号：G22222222464879541</span>
                <span class="mr50">订单生成时间：2016-02-28 16:48:21</span>
                <span class="mr20">申通速递-运单号：998554568788</span>
            </div>
        </div>

        <table class="goods-table">
            <tr>
                <th class="code">条形码</th>
                <th>商品编号</th>
                <th>商铺</th>
                <th>商品名称</th>
                <th>单价</th>
                <th>贸易类别</th>
                <th>数量</th>
                <th>价格</th>
            </tr>
            <tr>
                <td class="code">
                    <img src="" class="js-barcode code-img" data-num="af000012" alt="">
                </td>
                <td>af000012</td>
                <td>阿福易购</td>
                <td class="goods-name">系列香水香皂 陶玉兰香水香皂 85g</td>
                <td>122.00</td>
                <td>E贸易</td>
                <td>1</td>
                <td>122.00</td>
            </tr>
            <tr>
                <td class="code">
                    <img src="" class="js-barcode code-img" data-num="af000012" alt="">
                </td>
                <td>af000012</td>
                <td>阿福易购</td>
                <td class="goods-name">系列香水香皂 陶玉兰香水香皂 85g</td>
                <td>122.00</td>
                <td>一般贸易</td>
                <td>1</td>
                <td>122.00</td>
            </tr>
            <tr>
                <td class="code">
                    <img src="" class="js-barcode code-img" data-num="af000012" alt="">
                </td>
                <td>af000012</td>
                <td>阿福易购</td>
                <td class="goods-name">系列香水香皂 陶玉兰香水香皂 85g</td>
                <td>122.00</td>
                <td>E贸易</td>
                <td>1</td>
                <td>122.00</td>
            </tr>
        </table>

        <div class="print-foot">
            <p class="sum tr">
                <span class="mr20">合计</span>
                <span class="mr20">5件</span>
                <span>666.00</span>
            </p>
            <div class="addressee">
                <p>
                    <span class="mr50">收货人：王亚彬</span>
                    <span>联系电话：13523079888</span>
                </p>
                <p>
                    <span>收货地址：河南省 郑州市 中原区 中原路82号中晟银泰国际中心27层 橙石创科</span>
                </p>
            </div>
        </div>

    </div>

</div>
<button class="js-printBtn">打印</button>
<script>
    var tpl=$('#printContainer');

    tpl.find('.js-barcode').each(function(){
        var that=$(this),num=that.data('num'),type=that.data('type');
        if(num=='') return false;

        that.JsBarcode(num+'');
    });

    //打印订单
    $('.js-printBtn').on('click',function(){
        //打印
        tpl.jqprint({
            debug:false
        });
    });
</script>
</body>
</html>